
.px2rem(@name, @px){
    @{name}: @px / 75 * 1rem;
}
.fz(@px){
	.px2rem(font-size,@px);
}

body{
	background: #f2f2f2;
}

.place{
	.center{
		P{
			.px2rem(font-size,36);
		}
	}
}

.hot{
	display: flex;
	background: #fff;
	text-align: center;
	p{
		flex: 1;
		.px2rem(padding-top,20);
		.px2rem(padding-bottom,20);
	}
}

.swiper-container{
	.swiper-wrapper{
		.swiper-slide{
			img{
				width: 100%;
			}
		}
	}
}

.content{
	display: flex;
	flex-wrap: wrap;
	padding-left: 2%;
	padding-right: 2%;
	.list1{
		width:48%;
		margin: 0 1%;
		.px2rem(margin-top,16);
		background: #fff;
		img{
			width: 100%;
		}
		.total{
			.px2rem(font-size,28);
			.px2rem(padding-left,10);
			.px2rem(padding-right,10);
			color: red;
			span{
				.px2rem(font-size,22);
				color: #b8b8b8;
				float: right;
			}
		}
		.infos{
			.px2rem(font-size,24);
			.px2rem(padding-left,10);
			.px2rem(padding-bottom,10);
			color: #8e8e8e;
		}
	}
}